<template>
  <div>
    <ToolbarPage :toolbar="toolbar">

      <template #container>
        <van-uploader v-model="fileList" multiple />


        <div class="class1"></div>
        <div style="width: 50vw;height : 50vw;background-color: red"></div>
        <div style="height: 500px">我是内容22</div>
        <div style="height: 500px">我是内容</div>
        <div style="height: 500px">我是内容</div>
      </template>

    </ToolbarPage>
  </div>


</template>


<script setup>
import {onMounted, ref} from 'vue';
import {showToast} from "vant";
import ToolbarPage from "@/components/base/ToolbarPage.vue";
import {useWindowSize} from "@vueuse/core";

let toolbar = ref({
  title: "质量主页",
  name: "scan",
  name2: "./icon_save.png",
  handleToolbarClick: () => {
    window.NativeApp.scan();
  },
  handleToolbarClick2: () => {
    showToast('按钮2')
  },
})



const fileList = ref([])

onMounted(()=>{
  window['getScanData'] = (sn) => {
    showToast(sn)
  }
})
 


</script>


<style scoped>
.class1 {
  width: 370px;
  height: 20px;
  background-color: blue
}

</style>